<template>
    <!-- 基本信息 -->
    <el-card shadow="never" v-if="personInfo">
        <div slot="header" class="clearfix">
            <span class="title">基本信息</span>
            <el-button style="float: right; " @click="goback"
                >返回</el-button
            >
        </div>
        <div class="userInfo-from">
            <el-form label-position="left">
                <el-row>
                    <el-col :span="6">
                        <el-form-item label="姓名:">
                            <span>{{ personInfo.studentName }}</span>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="学号:">
                            <span>{{ personInfo.studentId }}</span>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="年级:">
                            <span>{{ personInfo.currentGrade }}</span>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="学院:">
                            <span>{{ personInfo.currentFacultyI18n }}</span>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="培养专业:">
                            <span>{{ personInfo.currentProfessionI18n }}</span>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="培养层次:">
                            <span>{{ personInfo.trainingLevelI18n }}</span>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="培养类别:">
                            <span>{{ personInfo.trainingCategoryI18n }}</span>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="导师:">
                            <span>{{ personInfo.teacherName }}</span>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="学位类型:">
                            <span>{{ personInfo.degreeTypeI18n }}</span>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="学习形式:">
                            <span>{{ personInfo.formLearningI18n }}</span>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="入学时间:">
                            <span>{{
                               personInfo.enrolDate && personInfo.enrolDate.split(" ")[0]
                            }}</span>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="预计毕业时间:">
                            <span>{{
                                personInfo.expectedGraduationDate && personInfo.expectedGraduationDate.split(" ")[0]
                            }}</span>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="研究方向:">
                            <span>{{ personInfo.researchDirection }}</span>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="学籍专业:">
                            <span>{{ personInfo.statusProfessionName }}</span>
                        </el-form-item>
                    </el-col>
                </el-row>
            </el-form>
        </div>
    </el-card>
</template>
<script>
import * as applyApi from "common/src/api/studentStatus/abnormalToApply";
export default {
    name: "userInfo",
    props: {
        fromPath: {
            type: String
        },
        personInfo: {
            type: Object,
            default: null
        }
    },
    data() {
        return {};
    },
    created() {},
    mounted() {},
    computed: {},
    methods: {
        goback() {
            this.$emit("back", true);
        }
    }
};
</script>
<style lang="scss" scoped>
.title {
    font-size: 16px;
    font-weight: bold;
    line-height: 32px;
}
.userInfo-from {
    padding-top: 8px;
}
</style>
